import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
// import { getToken } from '@/utils/auth'

// 创建axios实例化对象
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 来自配置配置：不同环境，配置请求根路径不一样！
  timeout: 5000 // 请求超时：如果请求事件超过5s，自动断！
})

// 请求拦截器
service.interceptors.request.use(config => {
  // 请求之前：请求头配置项config
  if (store.state.user.token) {
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }

  return config
}, error => {
  return Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    // console.log(res)

    const { success, message } = res
    if (!success) {
      Message.error(message)

      return Promise.reject(new Error(message))
    }
    return res
  }, error => { // 响应状态码4xx  5xx
    Message.error(error.response.data.message)

    if (error.response.data.code === 10002) {
      store.commit('user/removeToken')
      store.commit('user/removeUser')

      // 回到登录页
      router.push('/login')
    }

    return Promise.reject(error)
  })

export default service
